<template>
	<view>
		<button @click="$go('newaddress/index')">输入发货地址</button>
		<button @click="$go('newaddress/index')">输入卸货地址</button>
		<my-custom :bgColor="bgColor" :isLeftContent="true">
			<view slot="backText">
				<view class="flex flex-center cityicon ">
					<text class="mr5 ">{{city}}</text>
					<image src="/static/new/bottom-sj.png" style="width:12.8rpx;height:6rpx;"></image>
				</view>
			</view>
			<view slot="content">
				<view class="dsf alc jcc h100b ">
					<image class=" h40 " mode="heightFix" :src="headerImg"></image>
				</view>
			</view>
		</my-custom>
		<view class="absolute t0 l0 home-bg bsbox " :style="'padding-top:'+StatusBar+'px'+';'"></view>
		<view class="relative zindex10 pl30 pr30 pt20">
			<view class="pl30 pr30 dsf alc fz32 pb30">
				<view :class="['relative','mr118','dsf','jcc','',type==1?'colfff fwb':'',type!=1?'colD5E4FE':'']">
					<text>{{$root.m0}}</text>
					<u-icon class="type-icon " color="#fff" name="arrow-up-fill" v-if="type==1"></u-icon>
				</view>
			</view>
			<view>
				<view class="bg-white bsbox pt20 pb60 pl20 pr20 bdra20 ">
					<view class="h108 ">
						<u-tabs :current="labelcurrent" :list="vehicle"></u-tabs>
					</view>
					<swiper :autoplay="false" bindchange="__e" class="h230 " :current="currentCar" :duration="500"
						:indicatorDots="false">
						<swiper-item v-for="(item,index) in $root.l0">
							<view class="dsf jcsb alc flexnowrap h230 ">
								<view class="fg1  bsbox ">
									<image class="w320 " mode="widthFix" :src="item[$orig].icon"></image>
								</view>
								<view class="pt24 pl24 pb24 pr24 bgEEF2FD car-boy ">
									<view>{{$root.m1+'：'+item[$orig].load_capacity+'Kg'}}</view>
									<view>{{$root.m2+'：'+item.g0+'*'+item[$orig].width+'*'+item[$orig].height+'m'}}
									</view>
								</view>
							</view>
						</swiper-item>
					</swiper>
				</view>
			</view>
		</view>
		<view class="pt30 pl24 pr24 ">
			<view class="bgfff bdra20 " style="box-shadow:0px 0px 20rpx rgba(0, 102, 230, 0.15);">
				<view class="pt24 pl24 pr24 ">
					<view class="bgF8FAFE pl45 pt24 pb24 pr45 ">
						<view class="dsf ">
							<image mode class="w35 h35 " src="/static/new/zhuang.png"></image>
							<view class="fg1 pl24 bsbox " v-if="$root.g1!=0">
								<view class="dsf alc col333 ">
									<view class="fz28 fwb mr5 ">{{deliveAddress.mapAddress}}</view>
								</view>
								<view class="dsf h54 bbe1 ">
									<input class="fz24 col333 w100b h100b delive-user-name " :disabled="true"
										placeholderClass="col999"
										:value="deliveAddress.userPhone?deliveAddress.userName+'  '+deliveAddress.userPhone:$root.m3"></input>
								</view>
							</view>
							<view class="fg1 pl24 bsbox " v-else>
								<view class="h80 bbe1 ">
									<textarea class="fz28 fwb col333 w100b h100b " :disabled="true" maxlength="-1"
										:placeholder="$root.m4" placeholderClass="col333"></textarea>
								</view>
							</view>
							<view class="fz24 col666 ml24 address-book ">
								<text>{{$root.m5}}</text>
							</view>
						</view>
						<view v-for="(item,index) in $root.l1" wx:for-item="oneAddress" :key="index">
							<view class="dsf ">
								<image mode class="w35 h35 pore " src="/static/new/exchange.png" style="top:-18rpx;">
								</image>
							</view>
							<view class="dsf pt10 ">
								<image mode class="w35 h35 " src="/static/new/xie.png"></image>
								<view class="fg1 pl24 bsbox address-detail bbe1 " v-if="oneAddress.g2!=0">
									<view class="address-receive ">
										<view class="dsf alc col333 w100b ">
											<view class="fz28 fwb mr5 ">{{oneAddress[$orig].mapAddress}}</view>
										</view>
										<view class="dsf h54  ">
											<input class="fz24 col333 w100b h100b delive-user-name " :disabled="true"
												placeholderClass="col999"
												:value="oneAddress[$orig].userPhone?oneAddress[$orig].userName+'  '+oneAddress[$orig].userPhone:oneAddress.m6"></input>
										</view>
									</view>
									<view class="delAddress " v-if="!oneAddress.g3">
										<image class=" w30 h30  " src="/static/new/cha.png"></image>
									</view>
								</view>
								<view class="fg1 pl24 bsbox " v-else>
									<view class="h80 bbe1 address-detail ">
										<textarea class="fz28 fwb col333 h100b " :disabled="true" maxlength="-1"
											:placeholder="oneAddress.m7" placeholderClass="col333"
											style="width:0;flex-grow:1;"></textarea>
										<view class="delAddress " v-if="!oneAddress.g4">
											<image class="w30 h30 " src="/static/new/cha.png"></image>
										</view>
									</view>
								</view>
								<view class="fz24 col666 ml24 address-book ">
									<text>{{$root.m8}}</text>
								</view>
							</view>
						</view>
						<view class="dsf pt15 ">
							<view class="dsif alc jcc bgEEF2FD h60 pl20 pr20 fz24 col666 mr24 ">
								<u-icon color="#666" name="map-fill"></u-icon>
								<view>{{$root.m9}}</view>
							</view>
							<view class="dsif alc jcc bgEEF2FD h60 pl20 pr20 fz24 col666 ">
								<u-icon color="#666" name="plus"></u-icon>
								<view>{{$root.m10}}</view>
							</view>
						</view>
					</view>
				</view>
				<view class="dsf alc jcsb fz24 col999 pl68 pr68 pt24 pb20 ">
					<view class="dsf alc ">
						<u-icon color="#999" name="checkmark-circle"></u-icon>
						<text>{{$root.m11}}</text>
					</view>
					<view class="dsf alc ">
						<u-icon color="#999" name="checkmark-circle"></u-icon>
						<text>{{$root.m12}}</text>
					</view>
					<view class="dsf alc ">
						<u-icon color="#999" name="checkmark-circle"></u-icon>
						<text>{{$root.m13}}</text>
					</view>
				</view>
				<view class="pb24 h102 dsf pl15 pr15 " v-if="money!=0">
					<view class="moeny ">{{''+money+''}}<label class="moeny-icon _span ">{{$root.m14}}</label>
					</view>
				</view>
				<view class="pb24 h102 dsf pl15 pr15 ">
					<view class="dsf h100b w100b bdra14 over-hidden colfff fwb fz32 ">
						<view class="fg1 h100b dsf alc jcc bg0083FE ">{{$root.m15}}</view>
						<view class="w200 h100b dsf alc jcc bg00A6FE ">{{$root.m16}}</view>
					</view>
				</view>
			</view>
		</view>
		<jisuyun v-showimg="0"></jisuyun>
		<st-tabbar :tabbar="tabbar"></st-tabbar>
		<gettime v-showUse="showUse"></gettime>
		<authority class=" vue-ref"></authority>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				headerImg: "/static/new/suyun-icon.png",
				tabbar: {
					current: 0
				},
				labelcurrent: 0,
				StatusBar: this.StatusBar,
				type: 1,
				vehicle: [],
				carid: 0,
				bgColor: "",
				currentCar: 0,
				list: [],
				carList: [],
				deliveAddress: {},
				receiveAddress: [{}],
				city: "上海",
				money: 0,
				showUse: !1
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: #eef2fd
	}

	.home-bg {
		background-image: linear-gradient(#2270fc, rgba(0, 102, 230, .32));
		height: 505upx;
		width: 100%
	}

	.type-icon {
		bottom: -38upx;
		position: absolute
	}

	.car-boy {
		font-size: 22upx
	}

	.delive-user-name {
		color: grey
	}

	.address-detail {
		justify-content: space-between
	}

	.address-detail .delAddress,
	.address-detail {
		align-items: center;
		display: -webkit-flex;
		display: flex
	}

	.address-detail .delAddress {
		height: 100%;
		padding: 0 24upx
	}

	.address-book {
		align-items: center;
		display: -webkit-flex;
		display: flex;
		text-align: center
	}

	.address-receive {
		flex-grow: 1;
		width: 0
	}

	.moeny {
		color: #62ccff;
		font-size: 52upx;
		margin: 0 auto;
		padding-top: 20upx;
		text-align: center
	}

	.moeny .moeny-icon {
		font-size: 36upx
	}

	.cityicon {
		border: 2upx solid #4e95ee;
		border-radius: 28upx;
		box-sizing: border-box;
		color: #fff;
		font-size: 28upx;
		height: 56upx;
		padding: 0 12upx;
		width: 156upx
	}

	.mr5 {
		word-wrap: break-word;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal !important
	}

	.show-background {
		background-color: rgba(0, 0, 0, .3);
		height: 100%;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 800 !important
	}

	.show-background .coupon-back {
		margin-top: 300upx;
		text-align: center
	}
</style>